<template>
    <div>
        <div>选项数据</div>
        <div>---------------------------</div>
        <div>{{ msg }}</div> 
        <div>---------------------------</div>
        <div>computed:{{ aDouble }}</div>
        <div>---------------------------</div>
        <div @click="say('hi')">点击我</div>
        <div>---------------------------</div>
        <div>{{ col1 }}</div>

        <div>{{ col2 }}</div>
        
        <div>{{ col3 }}</div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            // 全局变量定义
            msg: 'helloworld',
            num: 2,
            col1: '《诗经国风 .周南》',
            col2: '关关雎鸠，在河之洲。',
            col3: '窈窕淑女，君子好逑。',
        }
    },
    computed: {
        aDouble(){
            return this.num * 2;
        }
    },
    methods: { // 定义事件函数
        say(h){
            alert(h);
        }
    }

}
</script>